.header {
  @apply bg-white border-b border-[#D5D8DB];
  display: flex;
  position: relative;

}

.fileBtn {
  flex: 0 0 58px;

}

.fileBtnTitle {
  background-color: #464681;
  text-align: center;
  cursor: pointer;

}

.fileBtnContent {
  font-size: 12px;
  color: #fff;
  line-height: 27px;
}



.active {
  color: black;
  background-color: #fff;
}

.tabs {
  flex: 1;
  // @apply h-full;
}

.tabs :global(.ant-tabs-nav-wrap) {
  flex: none !important;
}

.tabs :global(.ant-tabs-extra-content) {
  // @apply flex-1;
  @apply h-full flex items-center;
}

.topRight :global {
  .ant-flex {
    align-items: center;
  }
}

.tabs :global {
  .ant-tabs-extra-content:has(.topRight) {
    justify-content: center;
    flex: 1;
  }
}


.tabs :global(.ant-tabs-nav) {
  @apply bg-[#464681] !py-0 !my-0 h-[28px];
}

.tabs :global(.ant-tabs-nav-wrap) {
  @apply h-[28px] pt-[2px];
}

.tabs :global(.ant-tabs-tab) {
  @apply h-[26px] px-[16px] !py-[5px] !rounded-t-[4px] !border-transparent;
}

.tabs :global(.ant-tabs-tab-btn) {
  @apply text-[12px] text-white;
}

.tabs :global(.ant-tabs-tab-active .ant-tabs-tab-btn) {
  @apply bg-transparent !text-black;
}

// .tabExtraContent {
//   @apply text-white flex items-center justify-center;
// }
.tabLeftExtraContent {
  @apply flex justify-center items-center bg-white h-full px-1 mr-1;
}

.tabLeftExtraContent :global(.ant-dropdown-trigger) {
  color: black !important;
  font-size: 12px;
}
.rightBody {
  position: absolute;
  right: 4px;
  top: 3px;
  padding: 0;
  display: flex;
  .cmdBody {
    margin-right: 5px;
  }
  .fullscreen {
    height: 21px;
    width: 20px;
  }
}